<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    <title>应急预案管理_预案查询_显示预案详情界面</title>
    <link rel="stylesheet" href="<%=basePath %>jclient/css/public.css" type="text/css" />
  	<script type="text/javascript" src="jclient/javascript/jslib/jquery.js"></script>
  <style type="text/css">
  .djxs,.yl,.xz,.fh{
	     	   background-color: #5D95C8;
	     	   width: 50px;
	     	   height: 30px;
	     	   line-height: 30px;
	     	   color:#FFFFFF;
     	   	   text-align: center;
			    -moz-border-radius: 6px;
			    -webkit-border-radius: 6px;
			    border-radius:6px;
			    margin: 0 10px;
			    margin-left:300px
			    cursor: pointer;
     	   }
    .sjBtn{
     	  background-color: #5D95C8;
	     	   width: 100px;
	     	   height: 40px;
	     	   line-height: 30px;
	     	   color:#FFFFFF;
     	   	   text-align: center;
			    -moz-border-radius: 6px;
			    -webkit-border-radius: 6px;
			    border-radius:6px;
			    margin: 0 10px;
			    margin-left:300px
			    cursor: pointer; 
     	   
     	   }
  </style>
  <script type="text/javascript">
  	$(function(){
  		$("table tr td div").hover(function(){
  			$(this).css("background-color","#F8A15A");
  		},
  		function(){
  			$(this).css("background-color","#FFFFAD");
  		});
  		$("table tr td div").click(function(){
  		if($(this).attr("class")=="eclipseBtn sjfj"){
  			$("div").css("padding-left","0");
  			$(".djxs").css("display","block");
  			}else{
  			$("body").find("div:first").css("padding-left","380");
  			$(".djxs").css("display","none");
  			}
  		});
  	});
  </script>
  </head>
  <body style="padding-left: 80;padding-top: 20">
    <p align="center" style="padding-bottom: 20px">天津市引用水源地(于桥水库)蓝藻爆发应急预案(修订版)</p>
    <div style="height: 30px;padding-left: 380;">
 		<div  style="display:none; background-color: #CB66FE;float: left;margin-left: 230;margin-right: 0" class="djxs">
 			Ⅰ级
 		</div>
 		<div style="display:none;float: left;margin:0 0;background-color: #CB66FE" class="djxs" >
 			Ⅱ级
 		</div>
 		<div style="display:none;background-color: #8064A2;float: left;margin:0 0;" class="djxs">
 			Ⅲ级
 		</div>
 		<div style="float: left;margin-left: 450;cursor: pointer;" class="yl">
 			预览
 		</div>
 		<div style="float: left;cursor: pointer;" class="xz">
 			下载
 		</div>
 	</div>
 	<table>
 		<tr>
 			<td>
 				<div class="eclipseBtn" style=" border-bottom:1px solid #eeeeee;color:#000000;margin:0 0px;height:50px;line-height:50px; width:230px; background-color: #FFFFAD;cursor: pointer;">
 					适用范围
 				</div>
 			</td>
 			<td rowspan="5">
 				<textarea rows="10" cols="100" style="height: 250px">
 Ⅲ级响应：
（1）市指挥部办公室及时向市指挥部报告灾情和应对工作开展情况，重要情况向
市应急办报告。
（2）市指挥部办公室下发防御通知，部署防御工作；市灾情召开分析会，派出工作
组到受灾较重地区知道抢险救灾工作。
（3）市水务局负责应急处置工作，组织好引滦眼线蓝藻打捞、重点区域的曝气和水
厂对源水水质的监测与分析，筛选水处理最佳方案等工作。
（4）市环保局做好藻类监测、分析预警等工作。
（5）市气象局负责做好于桥水库区域气象信息采集、通报、研判工作，负责向市指
挥部办公室提供科学决策建议。
</textarea>
 			</td>
 		</tr>
 		<tr>
			<td>
				<div class="eclipseBtn sjfj" style=" border-bottom:1px solid #eeeeee;color:#000000;margin:0 0px;height:50px;line-height:50px; width:230px;background-color:#FFFFAD;cursor: pointer;">
					事件分级 
				</div>
			</td>
 		</tr>
 		<tr>
 			<td>
 				<div class="eclipseBtn" style=" border-bottom:1px solid #eeeeee;color:#000000; margin:0 0px; height:50px;line-height:50px; width:230px;background-color:#FFFFAD;cursor: pointer;">
					先期处置 
				</div>
 			</td>
 		</tr>
 		<tr>
 			<td>
 				<div class="eclipseBtn" style=" border-bottom:1px solid #eeeeee;color:#000000; margin:0 0px;height:50px;line-height:50px; width:230px;background-color:#FFFFAD;cursor: pointer;">
 					应急响应
 				</div>
 			</td>
 		</tr>
 		<tr>
 			<td>
 				<div class="eclipseBtn" style=" border-bottom:1px solid #eeeeee;color:#000000;margin:0 0px;height:50px;line-height:50px; width:230px;background-color:#FFFFAD;cursor: pointer;">
 					后期处理
 				</div>
 			</td>
 		</tr>
 	</table>
 		<div class="fh"style="margin-left:1000px" onclick="javascript:window.history.back()">
 			返回
 		</div>
  </body>
</html>